草庐IT

flutter 的卡片堆

全部标签

Flutter 绘制番外 | 将你的 Canvas 绘制保存为图片

theme:cyanosis前言光阴似箭,《Flutter绘制指南-妙笔生花》转眼间已经发布两年半了,不知道各位练习得怎么样。有不少朋友问过如何将Canvas绘制的内容保存为图片,最近在做的东西刚好涉及了这块,通过本文来分享一下。提到保存图片,很多人可能会想到RepaintBoundary,但它使用起来有点繁琐,同时也存在一些局限性。而且Canvas有更灵活的生成图片方式,没有必要使用RepaintBoundary,下面一起来看看吧!1.自己创建Canvas对象如果我问:如何得到Canvas对象,来进行绘制操作?可能绝大多数朋友都知道继承自CustomPainter,在paint回调中获取Ca

flutter开发实战-应用更新apk下载、安装apk、启动应用实现

flutter开发实战-应用更新apk下载、安装apk、启动应用实现在开发过程中,经常遇到需要更新下载新版本的apk文件,之后进行应用更新apk下载、安装apk、启动应用。我们在flutter工程中实现下载apk,判断当前版本与需要更新安装的版本进行比对判断,通过判断VersionCode来确定下载新版版APK一、应用更新apk下载当应用需要更新的时候,我们需要判断版本号,在flutter工程中versionCode是工程中的pubspec.yaml中的version确定的。如version:1.0.0+1version为1.0.0,versionCode为1需要我们获取接口,需要判断的就是v

flutter 实战 之 GridView

GridView和ListView是Flutter中用于构建滚动列表的两种常见小部件。它们之间的主要区别在于它们的布局方式和如何显示其子小部件。布局方式:ListView是单列或单行的滚动列表,它垂直或水平滚动。可以根据需要垂直排列或水平排列子小部件。GridView是一个二维网格列表,可以在垂直和水平方向上滚动。子小部件以行和列的形式进行排列。子小部件排列:ListView的子小部件是单列(或单行)排列的,依次从顶部到底部(或从左到右)排列。它适合于在一个方向上展示大量垂直或水平排列的数据。GridView的子小部件是以二维网格的形式排列的,可以按行或列展示。根据不同的构造函数,可以设置子小

flutter中数据库(Drift)的使用

前言Flutter目前比较好用的sqlite数据库orm框架就是drift(以前叫作moor),由于dart语言不支持反射,这个框架使用了dart代码生成器,自动生成代码。这个数据库框架的优点是支持全平台使用,此框架通过使用datr语言的ffi功能(相当于JAVA的jni)来调用sqlite动态库实现数据库操作,Web平台是通过wasm(浏览器可以运行的二进制文件,可由C、C++、rust、go等语言编译而来)来调用sqlite,Web平台的sqlite数据库文件则通过indexeddb虚拟文件系统保存。官方文档https://drift.simonbinder.eu/docs/platfor

封装flutter webview页面

例如在flutter里面跳转百度页面需要安装webview_flutterwebview_page.dartimport'package:flutter/material.dart';import'package:webview_flutter/webview_flutter.dart';classMyWebViewextendsStatefulWidget{constMyWebView({super.key,requiredthis.webViewUrl,this.webViewTitle=''});finalStringwebViewUrl;finalStringwebViewTitle;

MacOS 14 系统 XCode15、 Flutter 开发 IOS

Flutter系列文章目录MacOS14Sonoma安装Flutter开发环境MacOS系统Flutter开发Android环境配置MacOS系统Flutter开发IOS环境配置​​​​​​​前言前面我们已经在MacOS14M3芯片上安装好Flutter环境,包括开发工具VsCode、AndroidStuiod,那么flutter如何开发IOS呢?我们知道IOS开发语言为objcet-c或者swift,Flutter是如何和它们交互的呢?其实本节你可以不用知道那么多的,但有一个是肯定的你必须安装xCode,想必懂开发的都应该知道这工具,因为 MacOS14所以系统配备xCode15。🔧先按步骤

android - 如何为卡片 View 设置边框?

这是下面的cardview代码。下面是我用作cardview背景的cardborder.xml 最佳答案 您需要在卡片View中添加另一个布局,然后为该布局设置背景。对于card_view,您只能设置背景颜色。 关于android-如何为卡片View设置边框?,我们在StackOverflow上找到一个类似的问题: https://stackoverflow.com/questions/43611347/

卡片介绍、EMV卡组织、金融认证---安全行业基础篇2

 一、卡片介绍卡片是一种用于存储和传输数据的可携带式物品,通常由塑料或纸质材料制成。卡片通常具有特定的尺寸和形状,以适应各类读写设备。不同类型的卡片可以用于不同的应用,如身份验证、支付、门禁控制等。接触卡接触卡是一种需要与读卡器物理接触才能进行数据传输的卡片。它们通常具有金属接点,当插入读卡器时,读卡器会通过这些接点与卡片建立电气连接,从而读取或写入数据。特点:接触卡具有较高的数据安全性和可靠性,因为数据传输是通过物理接触完成的。用途:接触卡广泛用于各种领域,如银行业务、公共交通、身份证件等。分类:接触卡按照芯片类型可以分为普通IC卡(集成电路卡)和CPU卡(带有中央处理器的卡)。非接卡非接卡

Flutter - APP跳转高德、百度、腾讯、谷歌地图

demo地址:https://github.com/iotjin/jh_flutter_demo代码不定时更新,请前往github查看最新代码这里介绍的是不需要自己开发地图,直接通过给定的经纬度,跳转到三方地图APP调用导航的方式一种是写的工具类,一种是通过调用三方库map_launcher实现的官方文档:跳转高德导航-路径规划高德地图官方文档-Android高德地图官方文档-iOS跳转高德导航高德地图官方文档跳转百度导航-路径规划百度地图官方文档跳转腾讯导航腾讯地图官方文档参考文章:Flutter跳转地图软件调起导航:百度、高德、腾讯、苹果Flutter实战调起三方地图导航(高德、百度、腾讯

Android flutter项目 启动优化实战(一)使用benchmark分析项目

 目录 Androidflutter项目启动优化实战(一)使用benchmark分析项目Androidflutter项目启动优化实战(二)利用AppStartup优化项目和使用flutterboost中的问题解决背景描述启动时间是用户对应用的第一印象,较慢的加载会对用户的留存和互动造成负面影响在刚上线的Android原生&flutter的B端项目中:  1.提高启动速度能提高整体流程的效率  2.提高首次运行速度能提高应用推广的初体验效果问题描述        项目刚上线没多久、目前存在冷启动过程存在若干问题亟需优化比如flutterhotrestart不可用、启动500ms黑屏问题 初期项目